﻿@page
@{ Layout = "_Layout"; }
@section Styles{
  <style>
    .el-upload, .el-upload-dragger {
        width: 150px;
    }
  </style>
}

<div style="height: 10px"></div>
<el-form ref="form" :model="form" size="small" status-icon label-width="220px">
  <el-form-item label="管理后台名称" prop="adminTitle" :rules="{ required: true, message: '请输入管理后台名称' }">
    <el-input v-model="form.adminTitle"></el-input>
    <small class="tips">设置管理后台显示名称</small>
  </el-form-item>
  <el-form-item label="管理后台Logo">
    <el-upload
      :action="uploadUrl"
      :file-list="uploadFileList"
      :headers="{Authorization: 'Bearer ' + $token}"
      list-type="picture-card"
      :before-upload="uploadBefore"
      :on-progress="uploadProgress"
      :on-success="uploadSuccess"
      :on-error="uploadError"
      :on-remove="uploadRemove"
      :multiple="false">
      <i class="el-icon-plus"></i>
    </el-upload>
  </el-form-item>
  <el-form-item label="管理后台欢迎语">
    <el-input v-model="form.adminWelcomeHtml" type="textarea"></el-input>
    <small class="tips">请填写进入管理后台后显示的欢迎文字，支持HTML格式。</small>
  </el-form-item>
</el-form>

<el-divider></el-divider>
<div style="height: 10px"></div>

<el-row>
  <el-col :span="24" align="center">
    <el-button type="primary" v-on:click="btnSubmitClick" size="small">确 定</el-button>
  </el-col>
</el-row>

@section Scripts{
<script src="/sitefiles/assets/js/admin/settings/configsAdmin.js" type="text/javascript"></script> }